<template>
    <div class="container">
      <ul v-for="(item,index) in ownerGroups" :key="index">
        <li v-for="(it,i) in item.children" :key="i">{{it.areaName}}</li>
      </ul>
    </div>
</template>
<script>
import Tree from '../components/tree.vue'
export default {
  data() {
    return {
      ownerGroups:[{"id":3,"parentId":0,"iconCls":"folder","leaf":false,"expanded":false,"children":[{"id":251,"parentId":3,"iconCls":"folder","leaf":false,"expanded":false,"children":[{"id":258,"parentId":251,"iconCls":"folder","leaf":true,"expanded":true,"children":null,"unitId":null,"departId":null,"areaName":"独立12","code":null,"status":null,"createBy":"9c3adb9a53d2481ea81477705e80cc10","createTime":1600076794000,"lastModifyBy":null,"lastModifyTime":null,"midCount":null,"usernames":null,"companyId":10000,"areaType":"D"}],"unitId":null,"departId":null,"areaName":"独立","code":null,"status":null,"createBy":"acfc0e9232f54732a5d9ffe9071bf572","createTime":1598346892000,"lastModifyBy":null,"lastModifyTime":null,"midCount":null,"usernames":null,"companyId":10000,"areaType":"D"},{"id":252,"parentId":3,"iconCls":"folder","leaf":false,"expanded":false,"children":[{"id":253,"parentId":252,"iconCls":"folder","leaf":true,"expanded":true,"children":null,"unitId":null,"departId":null,"areaName":"6K","code":null,"status":null,"createBy":"acfc0e9232f54732a5d9ffe9071bf572","createTime":1598610921000,"lastModifyBy":null,"lastModifyTime":null,"midCount":null,"usernames":null,"companyId":10000,"areaType":"G"}],"unitId":null,"departId":null,"areaName":"zhang","code":null,"status":null,"createBy":"acfc0e9232f54732a5d9ffe9071bf572","createTime":1598420729000,"lastModifyBy":null,"lastModifyTime":null,"midCount":null,"usernames":null,"companyId":10000,"areaType":"G"},{"id":254,"parentId":3,"iconCls":"folder","leaf":true,"expanded":true,"children":null,"unitId":null,"departId":null,"areaName":"ceshi","code":null,"status":null,"createBy":"acfc0e9232f54732a5d9ffe9071bf572","createTime":1599099556000,"lastModifyBy":null,"lastModifyTime":null,"midCount":null,"usernames":null,"companyId":10000,"areaType":"G"},{"id":259,"parentId":3,"iconCls":"folder","leaf":true,"expanded":true,"children":null,"unitId":null,"departId":null,"areaName":"D150","code":null,"status":null,"createBy":"acfc0e9232f54732a5d9ffe9071bf572","createTime":1600767246000,"lastModifyBy":null,"lastModifyTime":null,"midCount":null,"usernames":null,"companyId":10000,"areaType":"G"},{"id":260,"parentId":3,"iconCls":"folder","leaf":true,"expanded":true,"children":null,"unitId":null,"departId":null,"areaName":"12","code":null,"status":null,"createBy":"acfc0e9232f54732a5d9ffe9071bf572","createTime":1603087054000,"lastModifyBy":null,"lastModifyTime":null,"midCount":null,"usernames":null,"companyId":10000,"areaType":"G"},{"id":261,"parentId":3,"iconCls":"folder","leaf":true,"expanded":true,"children":null,"unitId":null,"departId":null,"areaName":"wu","code":null,"status":null,"createBy":"acfc0e9232f54732a5d9ffe9071bf572","createTime":1603163556000,"lastModifyBy":null,"lastModifyTime":null,"midCount":null,"usernames":null,"companyId":10000,"areaType":"G"},{"id":262,"parentId":3,"iconCls":"folder","leaf":true,"expanded":true,"children":null,"unitId":null,"departId":null,"areaName":"heimutest","code":null,"status":null,"createBy":"acfc0e9232f54732a5d9ffe9071bf572","createTime":1603184777000,"lastModifyBy":null,"lastModifyTime":null,"midCount":null,"usernames":null,"companyId":10000,"areaType":"G"},{"id":263,"parentId":3,"iconCls":"folder","leaf":true,"expanded":true,"children":null,"unitId":null,"departId":null,"areaName":"QA-test-tian","code":null,"status":null,"createBy":"acfc0e9232f54732a5d9ffe9071bf572","createTime":1603199772000,"lastModifyBy":null,"lastModifyTime":null,"midCount":null,"usernames":null,"companyId":10000,"areaType":"G"},{"id":264,"parentId":3,"iconCls":"folder","leaf":true,"expanded":true,"children":null,"unitId":null,"departId":null,"areaName":"CEA2-957B-BEC5FDF7-CCCA9B317C327E4C","code":null,"status":null,"createBy":"acfc0e9232f54732a5d9ffe9071bf572","createTime":1603442759000,"lastModifyBy":null,"lastModifyTime":null,"midCount":null,"usernames":null,"companyId":10000,"areaType":"G"},{"id":265,"parentId":3,"iconCls":"folder","leaf":false,"expanded":false,"children":[{"id":270,"parentId":265,"iconCls":"folder","leaf":true,"expanded":true,"children":null,"unitId":null,"departId":null,"areaName":"1232","code":null,"status":null,"createBy":"acfc0e9232f54732a5d9ffe9071bf572","createTime":1605088237000,"lastModifyBy":null,"lastModifyTime":null,"midCount":null,"usernames":null,"companyId":10000,"areaType":"G"}],"unitId":null,"departId":null,"areaName":"123","code":null,"status":null,"createBy":"acfc0e9232f54732a5d9ffe9071bf572","createTime":1604395802000,"lastModifyBy":null,"lastModifyTime":null,"midCount":null,"usernames":null,"companyId":10000,"areaType":"D"},{"id":269,"parentId":3,"iconCls":"folder","leaf":true,"expanded":true,"children":null,"unitId":null,"departId":null,"areaName":"访客预约","code":null,"status":null,"createBy":"acfc0e9232f54732a5d9ffe9071bf572","createTime":1604995895000,"lastModifyBy":null,"lastModifyTime":null,"midCount":null,"usernames":null,"companyId":10000,"areaType":"G"}],"unitId":null,"departId":"727","areaName":"新场所","code":null,"status":null,"createBy":"acfc0e9232f54732a5d9ffe9071bf572","createTime":1583569652000,"lastModifyBy":"acfc0e9232f54732a5d9ffe9071bf572","lastModifyTime":1584064273000,"midCount":1,"usernames":null,"companyId":10000,"areaType":"G"}]
      ,
      data:'',
    };
  },
  components: {
    Tree,
  },
  created () {
    this.data=JSON.parse(this.ownerGroups)
  },
  methods: {
    
  },
};

</script>
<style lang="scss" scoped>
.container{
  background-color: #f5f5f5;
  // padding-bottom: 20px;
  min-height: 100vh;
  box-sizing: border-box;
  ul{
    width: 100%;
    height: auto;
    li{
      height: 20px;
      width: 100%;
      background-color: #fff;
    }
  }
}
</style>